<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>管理</title>
    <link rel="stylesheet" href="/content/pc/sysmgt/block/assets/css/style.css"/>
    <link rel="stylesheet" href="/content/pc/sysmgt/block/assets/css/layui.css">
    <link rel="stylesheet" href="/content/pc/sysmgt/block/assets/css/view.css"/>
    <link rel="stylesheet" href="/content/pc/sysmgt/block/assets/css/admin.css"/>

</head>
<style>
    body {

        background-image: linear-gradient(to bottom, #e2f2ff, #f4faff);

    }
    #lay-body {
        width: 97.7%;
        max-width: 1311px;
        margin: 0 auto;
        float: none;

    }
    .mianb .mblf {
        max-width: 1311px;
        margin: 0 auto;
        float: none;
    }
    .layui-nav {
        background: none;
        color: #000;
    }
    .layui-nav .layui-nav-item a {
        color: #000;
    }
</style>
<body class="layui-view-body">
<div class="top">
    <div class="layui-col-md12 topbox">
        <a href="/sysadmin/block/browserkl"> <div class="layui-col-md6 logo2">
            <img src="/content/pc/sysmgt/block/assets/images/logo2.png" alt="">
            HRR跨链链浏览器
        </div></a>

        <div class="layui-col-md6">
         <div class="dy">
             <!--   <a href="/sysadmin/apply/getMoreApplyView"><img src="/content/pc/sysmgt/block/assets/images/dy.png" alt="订阅"></a>-->
             <a href="/sysadmin/apply/getMoreApplyView"><img src="/content/pc/sysmgt/block/assets/images/dy.png" alt="登录"></a>
            </div>
            <!--     <a href="javascript:void(0)" class="sel_mask"><span>区块链选择</span>
                  <div class="aroow"></div>

                  <select class="sel" id="sel" onchange="redirectToPage(this)">
                      #for(x : qkllist)

                      <option value="#(x.attrib_01)"
                              #if(val==x.attrib_01)
                              selected="selected"
                              #end
                      >#(x.attrib_02)</option>
                      #end
                  </select>
              </a>
  -->
        </div>
    </div>
</div>
<div class="layui-row" id="lay-body">
<!--    <div class="search">
        <div class="sl">
            <input placeholder="请输入可信账户/块高/场景/链上hash/区块链名称搜索" value="" id="search-input">
        </div>
        <div class="sr">
            <a  href="javascript:submit();" >搜索</a>

        </div>
    </div>-->
    <div class="box-l">
        <div class="btn">
            <div class="tb t1">     <!--<a class="more" href="/sysadmin/apply/getMoreBlockView/#(val??)">--><img src="/content/pc/sysmgt/block/assets/images/t1.png" alt=""><!--</a>--></div>
            <div class="num">
                <p class="num1">#(blockinfomroe.max==null?0:blockinfomroe.max)</p>
                <p class="num2">区块高度</p>
            </div>
        </div>
        <div class="btn">
            <div class="tb t2">

              <!--  <a class="more" href="/sysadmin/apply/getMoreTXView/#(val??)">--> <img src="/content/pc/sysmgt/block/assets/images/t2.png" alt=""><!--</a>--></div>
            <div class="num">
                <p class="num1">#(blockinfomroe.num)</p>
                <p class="num2">累计交易数</p>
            </div>
        </div>
        <div class="btn">
            <div class="tb t3"><img src="/content/pc/sysmgt/block/assets/images/t3.png" alt=""></div>
            <div class="num">
                <p class="num1">#(blockinfo.attrib_03)</p>
                <p class="num2">累计合约数</p>
            </div>
        </div>
        <div class="btn">
            <div class="tb t4"> <a class="more" href="/sysadmin/block/getMoreZZView"><img src="/content/pc/sysmgt/block/assets/images/t4.png" alt=""></a></div>
            <div class="num">
                <p class="num1">#(zzs??)</p>
                <p class="num2">组织数</p>
            </div>
        </div>
        <div class="btn">
            <div class="tb t5"><img src="/content/pc/sysmgt/block/assets/images/t5.png" alt=""></div>
            <div class="num">
                <p class="num1">#(blockinfo.attrib_05)</p>
                <p class="num2">节点数</p>
            </div>
        </div>
        <div class="btn">
            <div class="tb t6"><img src="/content/pc/sysmgt/block/assets/images/t6.png" alt=""></div>
            <div class="num">
                <p class="num1">#(blockinfomroe.usersize)</p>
                <p class="num2"> 链上用户数</p>
            </div>
        </div>
    </div>
    <div class="box-r">
        <h2>最近24小时交易</h2>
        <canvas id="myChartold" class="chartjs-render-monitor" style="display: block;  "></canvas>
    </div>
    <div class="newmore">
        <div class="nm-l">
            <div class="nm-l-t">
                最新区块
            </div>
        </div>
        <div class="nm-r">
<!--
            <a class="more" href="/sysadmin/apply/getMoreBlockView/#(val??)">更多
                <img src="/content/pc/sysmgt/block/assets/images/right.png"></a>-->
        </div>
    </div>
    <div class="qk-box">
        #for( x : blocks )
        <div class="qk">
            <div class="qk-o">
                <div class="qk-t"> <!--<a href="/sysadmin/apply/viewCtransaction/#(x.conflict_id)" title="Transactions in this Block">--># #(x.attrib_17)<!--</a>--></div>
                <div class="qk-c">#(x.attrib_14)</div>

            </div>
            <div class="qk-b">
                <p>#(x.txcount) Txns </p>
            </div>
        </div>
        #end
    </div>
    <div class="news-box">
        <div class="news-l" style="width: 100%">
            <div class="news-t">
                <div class="news-t-l">最新交易</div>
                <div class="news-t-r">
                  <!--  <a class="more" href="/sysadmin/apply/getMoreTXView/#(val??)">更多
                        <img src="/content/pc/sysmgt/block/assets/images/right.png">
                    </a>-->
                </div>
            </div>
            <div class="news-data">
                #for(x : zcs)
                <div class="data-box">
                    <div class="data-o">
                        TX# <!--<a href="/sysadmin/apply/viewTxCtransaction/#(x.conflict_id)" class='hash-tag-frontpage' title="Transaction Hash">--><font color='#3498db'><span data-r-opts-tag="{'id':#(x.attrib_13??)}">#(x.attrib_01??)</span></font><!--</a>-->
                        <span style="font-size: small; float: right;"> #(x.attrib_14??) &nbsp;</span>

                    </div>
                    <div class="data-t">
                        <div class="data-t-l">
                            <span>#(x.attrib_03??)</span>
                        </div>
                        <div class="data-t-c"></div>
                        <div class="data-t-r">
                            <span>#(x.attrib_04??)</span>
                        </div>
                    </div>
                </div>
                #end
            </div>
        </div>

       <!-- <div class="news-r">
            <div class="news-t">
                <div class="news-t-l">最新链卡情况</div>
                <div class="news-t-r">
                    <a class="more" href="/sysadmin/apply/getMoreApplyView">更多
                        <img src="/content/pc/sysmgt/block/assets/images/right.png">
                    </a>
                </div>
            </div>
            <div class="news-data">
                #for(x:lklist)
                <div class="data-box">
                    <div class="data-o">
                        <div  style="display: inline-block; margin-right: 10px;">
                            #(x.attrib_03)

                        </div>
                         <div  style="display: inline-block; background-color: #0c80fe; color: white; border-radius: 5px; padding-top: 1px;padding-bottom: 1px;padding-left: 10px;padding-right: 10px">
                             V#(x.attrib_04)
                         </div>
                        <div class="data-time"> #(x.created)</div>
                    </div>
                    <div class="data-t">
                        <div class="data-t-l">
                            <span>链ID: #(x.attrib_12)</span>
                        </div>

                    </div>
                </div>
                #end
            </div>
        </div>-->
    </div>
</div>
<script src="/content/pc/sysmgt/block/assets/jquery.min.js"></script>
<script src="/content/pc/sysmgt/block/assets/layui.all.js"></script>
<script>

    function redirectToPage(selectElement) {
        var selectedValue = selectElement.value;
        // 构建跳转URL，并将选中的值作为参数添加到URL中
        var url = "/sysadmin/block/browserkl?selectedValue=" + encodeURIComponent(selectedValue);
        // 使用 window.location.href 跳转到目标页面
        window.location.href = url;
    }

    $(function () {
        $('.sel').change(function () {    // 选择后替换内容并恢复箭头方向
            $('span').html($('.sel').find('option:selected').html());
            $('.sel_mask').find('img').attr('src', 'arrow_down.png');
        })
        $('.sel').blur(function () {      //什么也不选恢复箭头方向
            $('.sel_mask').find('img').attr('src', 'arrow_down.png');
        })
        $('.sel').click(function () {     // 点击后更改箭头方向
            $('.sel_mask').find('img').attr('src', 'arrow_up.png');
        })
    })

    function submit() {


        var val =   $('#search-input').val();

        var selectedValue = $('#sel').val();
        // 构建跳转URL，并将选中的值作为参数添加到URL中
        var url = "/sysadmin/block/browserkl/"+val+"?selectedValue=" + encodeURIComponent(selectedValue);
        // 使用 window.location.href 跳转到目标页面
        window.location.href = url;
    }

</script>
<script src="/content/pc/sysmgt/block/assets/Chart.bundle.min.js"></script>
<script src="/content/pc/sysmgt/block/assets/scriptw.js"></script>

</body>
</html>